<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title> {% block title %}{% endblock %} </title>
    <link rel="icon" href="/static/images/logo_small.png" >
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1096760_pg80g5syjc.css">
    <link rel="stylesheet" href="/static/css/bootstrap/bootstrap.css">
<link rel="icon" href="/static/images/logol_small.png" >
    {% block header %}
        <link rel="stylesheet" href="/static/css/m2/style.css">
    {% endblock %}
</head>
<body>
<div class="header_box">
    <div class="header">
        <div class="header_left">
            <div class="hl_logo">
                <a href="/"><img src="/static/images/LOGO-black.png" alt=""></a>
                <a href="/">电影</a>
                <a href="/picture/home/">图集</a>
            </div>
            <div class="hl_search">
                <div class="input">
                    <input type="text" placeholder="搜索图像，电影" autocomplete="off" id="search-input"
                           {% block search_content %}value=""{% endblock %}>
                    <div class="picker"> {% block picker %}电影{% endblock %} </div>
                    <ul class="picker-list">
                        <li>图片</li>
                        <li>电影</li>
                    </ul>

                    <div class="hot-list"></div>
                </div>
                <div class="search"></div>
            </div>
        </div>
        <div class="header_right">
            <div class="hr_avator"></div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" id="user_name" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">用户名 <span class="caret"></span></a>
              <ul class="dropdown-menu">
                  <li><a href="#" id="login">登录</a></li>
                <li><a href="#" id="user_single">个人中心</a></li>
                <li><a href="#" id="log_out">注销</a></li>
              </ul>
            </li>
          </ul>
        </div>
        </div>

    </div>
</div>
<div class="middle">
    {% block main %}

    {% endblock %}
    {% block returnTop %}
        <div>
            <a href="javascript:;" id="returnTop" title="回到顶部" style="width:53px;
            height:82px; position:fixed; right:80px; bottom:90px;
            background:url('/static/images/returnTop.png') no-repeat;">
            </a>
        </div>
    {% endblock %}

</div>
<div class="footer">
    <a href="">Ⓒ 2019 Msquare</a>
    <a href="">常见问题解答</a>
    <a href="">服务条款</a>
    <a href="">隐私政策</a>
    <a href="">关于我们</a>
    <a href="">API</a>
</div>

<script src="/static/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
<script type="text/javascript" src="/static/js/m2/index.js"></script>
<script src="/static/js/m2/hot_search.js"></script>
<script type="text/javascript" src="/static/js/m2/returnTop.js"></script>

{% block js %}

{% endblock %}

{% block global_search %}
    <script  type="text/javascript">
        $(function () {
            $('.search').click(function () {
                var types = 0;
                if ($('.picker').text().indexOf("图片") != -1)
                    types = 1;
                window.location.href = '/search/?types=' + types + '&content=' + $('#search-input').val();
            });
        })
    </script>
{% endblock %}

</body>
</html>